<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>课堂</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="../css/iconfont-web.css">
	<link rel="stylesheet" href="../css/daokes-web.css">
</head>

<body>
	<div>
		<div class="bg-f border-b-1" style="height:90px;line-height:90px;box-shadow:0 5px 5px #CACACA">
			<div style="width:80%;margin:0 auto;">
				<div class="fr">
					<div class="display-ib" style="margin-left:20px;">
						<div class="display-ib text-c bg-f border-1" style="border-radius:50%;width: 60px;height: 60px;">
							<img src="../images/1.png" alt="" style="width:60px;box-shadow: 0 0 5px white;border-radius:50%;height: 60px;">
						</div>
						<span class="font18 color-ff" style="margin:0 10px;">王宇</span>
					</div>
				</div>
			</div>
		</div>
		<!-- 课堂start -->
		<div class="display-" style="width:80%;margin:0 auto;">
			<div class="font16 color-3">
				<div style="margin:0 auto;width: 600px;height: 150px" class="border-b-1 text-c">
					<div class="text-c">
						<div class="border-1 display-ib" style="border-radius:50%;height:50;width:50px;line-height: 50px"><img src="../images/login-logo.png" alt="" style="height:50px;width:50px"></div>
						<div>阎鸿利</div>
					</div>
					<div class="text-c" style="margin-top:20px">
						<div>
							<span style="width: 200px" class="display-ib text-c">课堂</span><span style="width: 200px" class="display-ib text-c">学生</span><span
							 style="width: 200px" class="display-ib text-c">题目</span>
						</div>
						<div style="margin-top:10px">
							<span style="width: 200px" class="display-ib text-c">2</span><span style="width: 200px" class="display-ib text-c">5</span><span
							 style="width: 200px" class="display-ib text-c">8</span>
						</div>
					</div>
				</div>
			</div>
			<div class="font14" style="margin:20px 0;">
				<span class="display-ib bg-ff color-f border-1 cursor-p text-c" style="border-radius:10px;width:100px;height:30px;line-height:30px;box-shadow: 0 0 5px #CACACA;margin-right: 10px;">进行中</span>
				<span class="display-ib bg-e border-1 cursor-p text-c" style="border-radius:10px;width:100px;height:30px;line-height:30px;box-shadow: 0 0 5px #CACACA;margin-right: 10px;">已结束</span>
				<span class="display-ib bg-e border-1 cursor-p text-c" style="border-radius:10px;width:100px;height:30px;line-height:30px;box-shadow: 0 0 5px #CACACA;margin-right: 10px;">未开始</span>
			</div>
			<div class="radius-4 font14 bg-e">
				<div class="" style="line-height:40px;">
					<span class="display-ib text-r vertical-a-t" style="width:120px;">学期：</span>
					<div class="display-ib vertical-a-t" style="width:90%;">
						<span style="margin-right:20px;" class="cursor-p">全部</span>
						<span style="margin-right:20px;" class="cursor-p color-ff">2018-2019学年第一学期</span>
						<span style="margin-right:20px;" class="cursor-p">2018-2019学年第二学期</span>
					</div>
				</div>
				<div class="" style="line-height:40px;">
					<span class="display-ib text-r vertical-a-t" style="width:120px;">课程名称：</span>
					<div class="display-ib vertical-a-t" style="width:90%;">
						<span style="margin-right:20px;" class="cursor-p">全部</span>
						<span style="margin-right:20px;" class="cursor-p color-ff">数据结构</span>
						<span style="margin-right:20px;" class="cursor-p">中西医学</span>
						<span style="margin-right:20px;" class="cursor-p">前段开发</span>
						<span style="margin-right:20px;" class="cursor-p">中西医学</span>
						<span style="margin-right:20px;" class="cursor-p">中西医学</span>
						<span style="margin-right:20px;" class="cursor-p">人工智能</span>
					</div>
				</div>
				<div class="" style="line-height:40px;">
					<span class="display-ib text-r vertical-a-t" style="width:120px;">教学班名称：</span>
					<div class="display-ib vertical-a-t" style="width:90%;">
						<span style="margin-right:20px;" class="cursor-p">全部</span>
						<span style="margin-right:20px;" class="cursor-p color-ff">中西医1班</span>
						<span style="margin-right:20px;" class="cursor-p">软件2班</span>
					</div>
				</div>
			</div>
			<div class="text-c" style="margin: 20px;">
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>

				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
				<div class="display-ib" style="margin-right:20px;margin-bottom:20px;box-shadow: 0 0 8px #CACACA;background: #d1eaf3;padding: 10px;width: 250px">
					<div class="text-c" style="width:250px;height:100px;">
						<img src="../images/2.jpg" alt="" style="width:inherit;height:100px;box-sizing: border-box;">
					</div>
					<div style="line-height:30px;padding: 10px;">
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:200px;">数据结构安全渗透技术</span><span class="vertical-a-m fr"><i
								 style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-shu color-ff cursor-p"></i>
							</span>
						</div>
						<div>
							<span class="vertical-a-m ">教学班：</span><span class="display-ib overflow-h vertical-a-m text-l" style="width:180px;">软件2班</span>
						</div>
						<div>
							<span class="display-ib overflow-h vertical-a-m text-l" style="width:170px;">软件工程专业</span>
							<span class="vertical-a-m fr"><i style="padding-left:10px;" class="iconfont font18 vertical-a-m icon-yonghu color-ff cursor-p"></i>
								<span>47</span>人
							</span>
						</div>
					</div>
				</div>
			</div>
			<div class="text-c" style="margin:20px 0;">分页</div>
		</div>
		<!-- 课堂end -->
</body>

</html>